import React from 'react';
import {Avatar,Divider} from 'antd';
import author from '../styles/author.module.css'
import {WechatOutlined,GithubOutlined,QqOutlined}  from '@ant-design/icons';

const Author=()=>{
    return (
        <div className={`${author.author_div} ${author.commom_box}`}>
            <div>
                <Avatar size={100} src="https://pic1.zhimg.com/v2-be14816da209fed4f6f328702c1936de_is.jpg" />
            </div>
            <div className={author.author_introduction}>
                菜鸟红
                <Divider>社交账号</Divider>
                <Avatar size={28} icon={<GithubOutlined />} className={author.account} />
                <Avatar size={28} icon={<QqOutlined />} className={author.account} />
                <Avatar size={28} icon={<WechatOutlined />} className={author.account} />
            </div>
        </div>
    )
}
export default Author;
